<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>订单</title>
    <style type="text/css">
        * {
            padding: 0px;
            margin: 0px;
        }
        
        body {
            box-sizing: border-box;
        }
        
        #header #header-con {
            width: 990px;
            height: 154px;
            margin: 0 auto;
        }
        
        #header #header-con img {
            display: block;
            float: left;
            margin-top: 40px;
        }
        
        #header #header-con ul {
            float: left;
            margin-top: 68px;
            margin-left: 20px;
            font-size: 16px;
            color: #cb975d;
        }
        
        #header #header-con ul li {
            float: left;
            margin-left: 5px;
        }
        
        #boder-cvn {
            width: 990px;
            height: 600px;
            margin: 0 auto;
            box-sizing: border-box;
        }
        
        label {
            font-size: 20px;
        }
        
        input {
            height: 22px;
        }
        
        #boder-cvn ul {
            width: 600px;
            border: 0px solid red;
            margin: auto;
        }
        
        #boder-cvn ul li {
            margin-top: 20px;
        }
    </style>
</head>

<body>
    <div id="head">
        <div class="con">
            <div class="logo">
                <li>
                    <img src="../src/images/logo.png" alt="">
                </li>

            </div>
            <div class="dizhi">
                <li>
                    <img src="../src/images/icon05.png" alt="">
                </li>
                <span>上海市</span>
            </div>
            <div class="chanpin">
                <li>
                    <img src="../src/images/icon01.png" alt="">
                </li>
                <span>所有产品</span>
            </div>
            <div class="shouye">
                <li>
                    <img src="../src/images/home-1.png" alt="">
                </li>
                <a href="index.html">
                    <span>首页</span>
                </a>
            </div>
            <div class="cake">
                <li>
                    <img src="../src/images/1.png" alt="">
                </li>
                <span>蛋糕</span>
            </div>
            <div class="xiaochi">
                <li>
                    <img src="../src/images/2.png" alt="">
                </li>
                <span>小食</span>
            </div>
            <div class="more">
                <li>
                    <img src="../src/images/icon02.png" alt="">
                </li>
                <span>更多</span>
            </div>
            <div class="buycar">
                <li>
                    <img src="../src/images/bag1.png" alt="">
                </li>
                <a href="buycar.html">
                    <span>购物车</span>
                </a>
            </div>
            <div class="login">
                <li>
                    <img src="../src/images/login.png" alt="">
                </li>
                <span>
                    <a href="login.html">
                        <b>登录</b>
                    </a>|
                    <a href="zhuce.html">
                        <b>注册</b>
                    </a>
                </span>
            </div>
        </div>
    </div>
    <div id="boder">
        <div id="boder-cvn">
            <ul>
        <div id="selectpro">
            <div>
                <select name="" id="province" style="width: 150px"></select>
                <select name="" id="city" style="width: 150px"></select>
                <select name="" id="area" style="width: 150px"></select>
            </div>
        </div>
    </li>
    <li>
        <label for="dizhi">详细地址：</label>
        <input type="text" id="dizhi" value="" />
    </li>
    </ul>
        <button type="button" id="btns" style="width: 100px;height: 50px;margin: 20px 256px;background-color: red;color: white;">确定</button>
   </div>
   </div>
</body>
</html>
<script src="../src/js/jquery.min.js"></script>
<script src="../src/js/citys.js"></script>
<script src="../src/js/dingdan.js"></script>